import { onMounted, reactive } from "vue";
import axios from 'axios'

// 把整体的数据和方法全部统一暴露出去
export default function () {
    let dogList = reactive(
        [
            'https://images.dog.ceo/breeds/pembroke/n02113023_4373.jpg'
        ]
    )
    async function addDog() {
        try {
            let result = await axios.get('https://dog.ceo/api/breed/pembroke/images/random')
            console.log('看看数据', result);
            dogList.push(result.data.message)
        } catch (err) {
            alert(err)
        }
    }
    // hooks里是可以写钩子函数和计算属性的
    onMounted(()=>{
        console.log('我是useDog里的钩子函数');
    })
    // 因为是以方法的形式暴露出去的，所以要有返回值
    return {dogList,addDog}
}
